<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>个人中心</title>
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}" />
    <link rel="stylesheet" th:href="@{/css/emoji.css}" />
    <link rel="stylesheet" th:href="@{/css/userhome.css}" />
    <link rel="stylesheet" th:href="@{/css/user.css}" />
</head>
<body>
<div class="pre-2" id="big_img">
    <img th:src="@{http://findfun.oss-cn-shanghai.aliyuncs.com/images/head_loading.gif}" class="jcrop-preview jcrop_preview_s" />
</div>
<div id="cover" style="min-height: 639px;">
    <div id="user_area">
        <div id="home_header">
            <a th:href="@{/goods/homeGoods}">
                <h1 class="logo"></h1>
            </a>
            <a th:href="@{/user/home}">
                <div class="home"></div>
            </a>
        </div>
        <!--
            时间：2018/01/06 11:23:15
            描述：左侧个人中心栏
        -->
        <div id="user_nav">
            <div class="user_info">
                <div class="head_img">
                    <img th:src="@{/img/photo.jpg}" />
                </div>
                <div class="big_headimg">
                    <img src="" />
                </div>
                <span class="name" th:text="${cur_user.username}"></span>
                <span class="school">广东财经大学</span>
                <span class="name" th:text="'闲置数量：'+${cur_user.goodsNum}"></span>
                <span class="fa fa-share-alt">"快去分享一下"</span>
            </div>
            <div class="home_nav">
                <ul>
                    <a href="">
                        <li class="notice">
                            <div></div>
                            <span>我的消息</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a href="">
                        <li class="fri">
                            <div></div>
                            <span>关注列表</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a th:href="@{/user/basic}">
                        <li class="set">
                            <div></div>
                            <span>个人设置</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a th:href="@{/goods/publishGoods}">
                        <li class="store">
                            <div></div>
                            <span>发布物品</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a th:href="@{/user/allGoods}">
                        <li class="second">
                            <div></div>
                            <span>我的闲置</span>
                            <strong></strong>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
        <!--
            时间：2018/01/06 11:28:20
            描述：右侧内容区域
        -->
        <div id="user_content">
            <div class="share">
                <!--
                    时间：2018/01/06 20:02:40
                    描述：闲置商品展示
                -->
                <div class="share_content" th:if="${goodsAndImage != null}">
                    <div class="story" th:each="items : ${goodsAndImage}">
                        <a th:href="@{'/goods/goodsId/'+${items.goods.id}}" class="head_img">
                            <img th:src="@{'/upload/'+${items.images[0].imgUrl}}" />
                        </a>
                        <span class="name" th:text="${items.goods.name}"></span>
                        <span class="text" style="overflow: hidden; outline: none;" th:text="${items.goods.describle}"></span>
                        <div class="box">
                            <div class="box_content">
                                <div class="left_shadow"></div>
                                <!-- TODO::坑!!!-->
                                <!--<div class="left" index="1" style="display: none;"><</div>-->
                                <div class="left" index="1" style="display: none;">&lt;</div>
                                <div class="right_shadow"></div>
                                <!--<div class="left" index="3" style="display: none;">></div>-->
                                <div class="left" index="3" style="display: none;">&gt;</div>
                                <img th:src="@{'/upload/'+${items.images[0].imgUrl}}" index="2" />
                                <span class="com" style="display: none;left: 396.733px;"></span>
                            </div>
                            <div class="interact">
                                <span class="fa fa-heart">
                                    <a th:href="@{'/goods/editGoods/'+${items.goods.id}}">编辑</a>
                                </span>
                                <span class="fa fa-share"><a href="">擦亮</a></span>
                                <span class="fa fa-commenting">
                                    <a th:text="${items.goods.commetNum}"></a>
                                </span>
                                <span class="time" th:text="${items.goods.startTime}"></span>
                                <span class="fa fa-trash">
                                    <a th:href="@{'/goods/deleteGoods/'+${items.goods.id}}">删除</a>
                                </span>
                            </div>
                            <div class="like_detail">
                                <div class="like_content">
                                    <span th:text="'下架时间：'+${items.goods.endTime}"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="share_content" th:if="${goodsAndImage == null}">
                    <div class="no_share">
                        <span>没有任何内容，去逛逛其它的吧！</span>
                    </div>
                </div>
                <!--
                <div class="share_content">
                    <c:if test="${empty goodsAndImage}">
                        <div class="no_share">
                            <span>没有任何内容，去逛逛其它的吧！</span>
                        </div>
                    </c:if>
                    <c:if test="${!empty goodsAndImage}">
                        <c:forEach var="items" items="${goodsAndImage}">
                            <div class="story">
                                <a href="<%=basePath%>goods/goodsId/${items.goods.id}" class="head_img">
                                    <img src="../upload/${items.images[0].imgUrl}">
                                </a>
                                <span class="name">${items.goods.name}</span>
                                <span class="text" style="overflow: hidden; outline: none;">${items.goods.describle}</span>
                                <div class="box">
                                    <div class="box_content">
                                        <div class="left_shadow"></div>
                                        <div class="left" index="1" style="display: none;"><</div>
                                        <div class="right_shadow"></div>
                                        <div class="left" index="3" style="display: none;">></div>
                                        <img src="../upload/${items.images[0].imgUrl}" index="2">
                                        <span class="com" style="display: none;left: 396.733px;"></span>
                                    </div>
                                    <div class="interact">
                                        <span class="fa fa-heart"><a href="<%=basePath%>goods/editGoods/${items.goods.id}">编辑</a></span>
                                        <span class="fa fa-share"><a href="">擦亮</a></span>
                                        <span class="fa fa-commenting"><a>${items.goods.commetNum}0</a></span>
                                        <span class="time">${items.goods.startTime}</span>
                                        <span class="fa fa-trash"><a href="<%=basePath%>goods/deleteGoods/${items.goods.id}">删除</a></span>
                                    </div>
                                    <div class="like_detail">
                                        <div class="like_content">
                                            <span>下架时间：${items.goods.endTime}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </c:forEach>
                    </c:if>
                </div>
                -->
            </div>
            <!--
                TODO::目前是静态的
                时间：2018/01/06
                描述：最右侧,可能认识的人
            -->
            <div class="recommend">
                <div class="title">
                    <span class="text">可能认识的人</span>
                    <span class="change">换一组</span>
                    <span class="underline"></span>
                </div>
                <ul>
                    <li>
                        <a href="" class="head_img">
                            <img th:src="@{/img/photo1.jpg}" />
                        </a>
                        <span>Brudce</span>
                        <div class="fa fa-plus-square"></div>
                    </li>
                    <li>
                        <a href="" class="head_img">
                            <img th:src="@{/img/photo2.jpg}" />
                        </a>
                        <span>Graham</span>
                        <div class="fa fa-plus-square"></div>
                    </li>
                    <li>
                        <a href="" class="head_img">
                            <img th:src="@{/img/photo3.jpg}" />
                        </a>
                        <span>策马奔腾hly</span>
                        <div class="fa fa-plus-square"></div>
                    </li>
                    <li>
                        <a href="" class="head_img">
                            <img th:src="@{/img/photo4.jpg}" />
                        </a>
                        <span>Danger-XFH</span>
                        <div class="fa fa-plus-square"></div>
                    </li>
                    <li>
                        <a href="" class="head_img">
                            <img th:src="@{/img/photo5.jpg}" />
                        </a>
                        <span>Keithw</span>
                        <div class="fa fa-plus-square"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>